<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8"/>
<title>oppo网站</title>
<link rel="stylesheet" type="text/css" href="images/public.css" />
<link rel="stylesheet" type="text/css" href="images/demo.css" />
</head>
<body>
<div id="top" class="auto">
	<div class="nav">
		<div class="left same"><img src="images/mainnav_l.gif" /></div>
		<div class="mainNav">
			<img class="logo" src="images/logo.gif" />
			<ul>
				<li><a href="index.html">首页</a></li>
				<li><a href="list.html">手机</a></li>
				<li><a href="computer.html">电脑</a></li>
				<li><a href="watch.html">手表</a></li>
				<li><a href="index.html">客服联系</a></li>
			</ul>
		</div>
		<div class="right same"><img src="images/mainnav_r.gif" /></div>
	</div>
	<div class="nav1">
		<form class="search" action="#">
			<input class="keywords" type="text" name="keywords" />
			<input class="btn" type="submit" value="" />
		</form>
		<div class="enter">
			<a href="#">登录</a> |
			<a href="#">注册</a>
			<img src="images/shoppingcart_sicon.png" />
			<a class="cart" href="#">购物车0件</a>
		</div>
	</div>
</div>
<div id="main">
	<div class="auto">
		<img class="img1" width="956" src="images/datupian.PNG" />
		<div class="shopList">
			<div class="title">
				<h2>精品推荐</h2>
				<a href="#">更多&gt;&gt;</a>
			</div>
			<div class="box">
				<div class="imgList">
					<img width="160" height="160" src="images/30.jpg" />
					<p class="p0"><a href="#">炫龙毁灭者游戏本笔记本电脑</a></p>
					<p class="p1">￥6899</p>
				</div>
				<div class="imgList">
					<img width="160" height="160" src="images/10.jpg" />
					<p class="p0"><a href="#">苹果手机iPhoneX</a></p>
					<p class="p1">￥5999</p>
				</div>
				<div class="imgList">
					<img width="160" height="160" src="images/14.PNG" />
					<p class="p0"><a href="#">苹果手机iPhoneX</a></p>
					<p class="p1">￥5999</p>
				</div>
				<div class="imgList imgList4">
					<img width="160" height="160" src="images/41.jpg" />
					<p class="p0"><a href="#">卡西欧 官网正品专业男士表</a></p>
					<p class="p1">￥3321</p>
				</div>
				<div style="clear:both;"></div>
			</div>
		</div>
		<div class="shopList">
			<div class="title">
				<h2>新品上架</h2>
				<a href="#">更多&gt;&gt;</a>
			</div>
			<div class="box">
				<div class="imgList">
					<img width="160" height="160" src="images/1.PNG" />
					<p class="p0"><a href="#">Find 5 2家族系列保护壳</a></p>
					<p class="p1">￥68</p>
				</div>
				<div class="imgList">
					<img width="160" height="160" src="images/2.jpg" />
					<p class="p0"><a href="#">Find 5 2家族系列保护壳</a></p>
					<p class="p1">￥68</p>
				</div>
				<div class="imgList">
					<img width="160" height="160" src="images/3.PNG" />
					<p class="p0"><a href="#">Find 5 2家族系列保护壳</a></p>
					<p class="p1">￥68</p>
				</div>
				<div class="imgList imgList4">
					<img width="160" height="160" src="images/4.PNG" />
					<p class="p0"><a href="#">Find 5 2家族系列保护壳</a></p>
					<p class="p1">￥68</p>
				</div>
				<div style="clear:both;"></div>
			</div>
		</div>
		<div class="brand">
		<img src="images/bottom.jpg" usemap="#brandImg" />
		<map id="brandImg" name="brandImg">
			<area shape="rect" href="http://www.sifangku.com" coords="0,0,108,50" target="_blank" alt="私房库" />
			<area shape="rect" href="http://www.baidu.com" coords="108,0,283,50" target="_blank" alt="百度" />
			<area shape="rect" href="https://china.nba.com" coords="453,0,283,50" target="_blank" alt=" NBA官网" />
			<area shape="rect" href="https://sports.qq.com" coords="625,0,453,50" target="_blank" alt=" 腾讯体育官网" />
			<area shape="rect" href="https://china.nba.com/warriors/" coords="780,0,625,50" target="_blank" alt=" 金州勇士官网" />
			<area shape="rect" href="http://www.wanying.me" coords="959,0,780,50" target="_blank" alt=" 万影网" />
		</map>
		</div>
	</div>
</div>
<div id="bottom">
	<p>联系微信 ZWQ1660157091</p>
	<p>Powered by<a href="http://www.sifangku.com">sifangku.com</a></p>
</div>
</body>
</html>